<!-- S 产品详细大模块 -->
<section class="grid4m1s">
	<article class="col-main">
		<div class="crumb"><span class="t">你当前的位置：</span><a href="${basePath + area.description?default('')}">${area.name}</a> &gt;&gt; <span class="cur">产品简介页面</span></div>
		<!-- 商品简介 -->
		<form id="product-from" action="">
		<div class="summary-product">
			<div class="summary-pro-img" id="J-summary-pro-img">
				<#if product?exists>
					<ul class="show-area">
						<li class="cur"><img src="${img_server_url + "/" + product.imageUrl1}"/>
						</li>
					</ul>
					<ul class="control">
					<li class="cur"><img src="${img_server_url + "/" + product.imageUrl1}" /></li>
					<#if product.imageUrl2?exists>
						<li><img src="${img_server_url + "/" + product.imageUrl2}"  /></li>
					</#if>
				</ul>
				</#if>
			</div>
			<div class="summary-pro-info">
				<#if product?exists>
					<h1 class="n">${product.name}</h1>
					<ul class="info">
						<li><span class="t">商品编号：</span><em>${product.code}</em></li>
						<li><span class="t">品牌：</span><em>${product.brand.name}</em></li>
					</ul>
					<ul class="price">
						<li><span class="t">积分价：</span><em>${product.price}</em><span>积分</span></li>
					</ul>
				</#if>
				
				<div class="pro-key">
					
					<strong>请选择：<span></span></strong>
					<ul class="pro-key-list">
						<!--<li>
							<span class="t">颜色：</span>
							<div class="color-list">
								<a href="#"><span style="background:#b91313;"></span></a>
								<a href="#"><span style="background:#3eb913;"></span></a>
								<a href="#"><span style="background:#ff9000;"></span></a>
								<a href="#"><span style="background:#b8b8b8;"></span></a>
								<a href="#" class="selected"><span style="background:#363636;"></span><b>已选中</b></a>
								颜色选中的同时，为a增加一个类selected，同时插入<b>已选中</b>，默认是无选中状态
							</div>
						</li>
						<li>
							<span class="t">尺码：</span>
							<div class="size-list">
								<a href="#" title="S码"><span>03/S</span></a>
								<a href="#" class="selected" title="M码"><span>04/M</span><b>已选中</b></a>
								<a href="#" title="L码"><span>05/L</span></a>
								<a href="#" title="XL码"><span>06/XL</span></a>
								<a href="#" title="XXL码"><span>07/XXL</span></a>
								颜色选中的同时，为a增加一个类selected，同时插入<b>已选中</b>，默认是无选中状态 
							</div>
						</li>-->
						<!--<li>
							<span class="t">购买数量：</span>
							<div class="num-list">
								<input type="txt" value="1" class="input-txt" disabled="disabled" />
								<a href="#" class="minus" title="减少">减少</a>
								<a href="#" class="start" title="不能为0">不能为0</a>
								<a href="#" class="plus" title="增加">增加</a>
								<a href="#" class="last" title="货存量不足">货存量不足</a>
							</div>
						</li>-->
						<li>
							<span class="t">库存数量：</span>
							<div class="num-list">
								<input type="txt" value="${product.leaves}" class="input-txt" disabled="disabled" />
							</div>
						</li>
					</ul>
					<div class="pro-act">
						<a href="javascript:exchange(${product.id});" class="buy">立即兑换</a>
						<a href="javascript:addCart(${product.id});" class="add">加入购物车</a>
						<!--<a href="#" class="collection">收藏此商品</a>-->
					</div>
					
					<!-- JiaThis Button BEGIN -->
					<div id="ckepop" class="share">
						<span class="jiathis_txt t">分享到：</span>
						<a class="jiathis_button_qzone">QQ空间</a>
						<a class="jiathis_button_tsina">新浪微博</a>
						<a class="jiathis_button_tqq">腾讯微博</a>
						<a class="jiathis_button_douban">豆瓣</a>
						<!--<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>-->
					</div>
					<!-- JiaThis Button END -->
				</div>
			</div>
		</div>
		</form>
		<!-- 相关产品 -->
		<div class="related-pro" id="J-switch">
			<div class="hd">
				<strong class="hd-t">相关产品</strong>
				<!--<a href="#" class="hd-act">&gt;&gt;&gt;更多</a>-->
			</div>
			<div class="bd">
				<#if products?exists>
					<div class="related-pro-list switch-list">
						<ul class="clearfix">
							<#list products as product>
								<li>
									<a href="${basePath}product/${product.id}.htm" target="_blank" class="img">
									<img src="${img_server_url + "/" + product.imageUrl1}" />
									<p class="n">${product.name}</p></a>
									<p class="price"><em class="s"><span>${product.price?default('0')}</span>积分</em></p>
								</li>
							</#list>
						</ul>
					</div>
				</#if>	
				<span class="prev"><em>向左</em><b></b></span>
				<span class="next"><em>向右</em><b></b></span>
			</div>
		</div>
		
		<div class="detail-product" id="J-tab">
			<ul class="control">
				<li class="cur">商品简介</li>
				<li>配送说明</li>
				<li>售后服务</li>
			</ul>
			<div class="show-area">
				<!-- 商品详细参数介绍 -->
				<div class="pro-intro show cur">
					${product.description?default("")}
				</div>
				<!-- 配送说明 -->
				<div class="pro-conveyance show">
					${product.farewaydesc?default("")}
				</div>
				<!-- 售后服务 -->
				<div class="pro-server show">
					${product.saledesc?default("")}
				</div>
			</div>
		</div>
	</article>
	<aside class="col-sub">
		<!-- 上周热兑换榜 -->
		<div class="ranking" id="J-ranking">
			<div class="hd"><h3 class="hd-t">上周热兑换榜</h3></div>
			<div class="bd">
				<#if details1?exists>
					<ul class="list">
						<#list details1 as detail>
							<#if detail_index==1>
								<li class="cur">
							<#else>
								<li>
							</#if>
							<span class="num">${detail_index+1}</span>
							<#if detail.type==0 && detail.entityId?exists>
								<a href="${basePath}product/${detail.entityId}.htm" target="_blank" class="img">
							<#else>
								<a href="#" target="_blank" class="img">
							</#if>
							<img src="${img_server_url + "/" + detail.imageUrl1}"  />	
							</a>
							<p class="n">${detail.entityName}</a></p>
							<p class="price"><em class="s"><span>${detail.price?default('0')}</span>积分</em>
							</p>
							</li>
						</#list>
					</ul>
				</#if>	
			</div>
		</div>
		
		<!-- 猜你喜欢的 -->
		<div class="ranking guess-pro">
			<div class="hd"><h3 class="hd-t">猜你喜欢的</h3></div>
			<div class="bd">
				<#if guessproducts?exists>
					<ul class="list">
						<#list guessproducts as guessproduct>
							<#if guessproduct_index==1>
								<li class="cur">
							<#else>
								<li>
							</#if>
							<span class="num">${guessproduct_index+1}</span>
							<a href="${basePath}product/${guessproduct.id}.htm" target="_blank" class="img">
							<img src="${img_server_url + "/" + guessproduct.imageUrl1}" /></a>
							<p class="n"><a href="${basePath}product/${guessproduct.id}.htm" target="_blank">${guessproduct.name}</a></p>
							<p class="price"><em class="s"><span>${guessproduct.price?default('0')}</span>积分</em></p>
							</li>
						</#list>
					</ul>
				</#if>	
			</div>
		</div>
	</aside>
</section>
<!-- E 产品详细大模块 -->